import echarts from 'echarts'

export  function barEchart(data,year) {
  var result = [];
  // data.xaxis.forEach(item=>{
  //   let month =  item +'月';
  //   result.push(month)
  // })
  result=data.xaxis.map(item=>item+='月')
  console.log(result)
  var option = {
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'shadow'
      }
    },
    title: {
      text: year+'每月运费收入(元)',
      left: 'center',
      top: 0,
      textStyle: {
        color: '#666',
        fontSize:15
      }
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    xAxis: [
      {
        type: 'category',
        data: result
      }
    ],
    yAxis: [
      {
        type: 'value',
        show:true,
        splitLine:{
          show:true,
          lineStyle:{
            type:'dashed'//背景色为虚线
          }
        }
      }
    ],
    series: [
      {
        name: '运输费',
        type: 'bar',
        barWidth: 17, // 柱子宽度
        data:data.yaxis,
        itemStyle: {
          normal: {
            color: '#dd6161', // 修改为自定义颜色或者使用十六进制表示颜色
            barBorderRadius: [8, 8, 0, 0]
          }
        },
        label: {
          normal: {
            show: true,
            position: 'top',
            distance: 5, // 数值离柱子上方的距离
            color:'#000',
            formatter: function (params) {
              if (params.value > 0) {
                return params.value;
              } else {
                return '';
              }
            },
          }, // 当数值为0的时候不显示
        }

      }

    ]
  }
  return option;
}


